* {
    margin: 0;
}
.body {
    display: flex;
    justify-content: center;
}
/*子代选择器*/
.body > div {
    width: 1000px;
}
/*-------------公用的css----------------*/
.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    padding: 10px;

}

/*单行溢出*/
.single-over {
    /*超过：隐藏*/
    overflow: hidden;
    /*不换行*/
    white-space: nowrap;
    /*超出以...表示*/
    text-overflow: ellipsis;

}
/*多行溢出*/
.many-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.title-font {
    color: black;
    font-weight: bolder;
    font-size: 20px;
    font-family: 黑体;
}

.content-font {
    color: gray;
    font-size: 15px;
}

.padding-border-top {
    padding: 10px;
    border-top: 1px solid gray;
}

.center {
    display: flex;
    justify-content: center;
}

.center > div {
    width: 900px;

}
/*中间部分需要上下一定的距离*/
.middle {
    margin: 20px 0;
}
